import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

import '@/assets/styles/border.css'
import '@/assets/styles/reset.css'

import SvgIcon from '@/icons'

const app=createApp(App);

SvgIcon(app);


app.use(store)
app.use(router)
app.use(ElementPlus)
app.mount('#app')
//引入MarkDown组件
//编辑组件
import VMdEditor from '@kangc/v-md-editor';
import '@kangc/v-md-editor/lib/style/base-editor.css';
//预览组件
import VMdPreview from '@kangc/v-md-editor/lib/preview';
import '@kangc/v-md-editor/lib/style/preview.css';
//代码快捷复制
import createCopyCodePlugin from '@kangc/v-md-editor/lib/plugins/copy-code/index';
import '@kangc/v-md-editor/lib/plugins/copy-code/copy-code.css';
//代码行号
import createLineNumbertPlugin from '@kangc/v-md-editor/lib/plugins/line-number/index';
//tip
import createTipPlugin from '@kangc/v-md-editor/lib/plugins/tip/index';
import '@kangc/v-md-editor/lib/plugins/tip/tip.css';
//通用
import vuepressTheme from '@kangc/v-md-editor/lib/theme/vuepress.js'
import githubTheme from '@kangc/v-md-editor/lib/theme/github.js';
import '@kangc/v-md-editor/lib/theme/style/github.css';

// highlightjs 代码高亮
import hljs from 'highlight.js';

VMdEditor.use(githubTheme,{
    Hljs: hljs
});
VMdEditor.use(createCopyCodePlugin()).use(createLineNumbertPlugin()).use(createTipPlugin())
VMdPreview.use(vuepressTheme).use(createCopyCodePlugin()).use(createLineNumbertPlugin()).use(createTipPlugin());

app.use(VMdEditor);
app.use(VMdPreview);

